<template>
	<view style="background-color: #fff;">
		<view class="star-top">
			<image src="../../static/my/dj.png" mode=""></image>
			<view class="icon" @click="back">
				<uv-icon name="arrow-left" size="24" bold></uv-icon>
			</view>
		</view>
		<view class="star-info">
			<view class="star-title">
				诚信等级
			</view>
			<view class="star-content">
				<view class="star-sub-1">
					诚信等级按被投诉情况
				</view>
				<view class="star-sub-2">
					未被投诉过六颗星，被投诉资料有假或被投诉其他不端行为，后台视情节给予诚信等级降级，直至进入平台黑名单（平台不展示）
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.star-top {
		width: 750rpx;
		height: 690rpx;
		position: relative;

		image {
			width: 750rpx;
			height: 690rpx;
			z-index: 1;
			position: absolute;
		}

		.icon {
			// width: 15rpx;
			// height: 28rpx;
			position: absolute;
			z-index: 2;
			// background-color: red;
			top: 100rpx;
			left: 10rpx;
			font-weight: 600;
		}
	}

	.star-info {
		width: 750rpx;
		height: 328rpx;
		// background: red;
		border-radius: 16rpx;
		margin-top: 24rpx;
		display: flex;
		justify-content: center;
		padding-top: 24rpx;
		box-sizing: border-box;
		flex-wrap: wrap;

		.star-title {
			font-size: 40rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			color: #333333;
			width: 162rpx;
			height: 56rpx;
		}

		.star-content {
			width: 656rpx;
			height: 192rpx;

			.star-sub-1 {
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				color: #666666;
				font-size: 28rpx;
			}

			.star-sub-2 {
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				color: #666666;
				font-size: 28rpx;
				margin-top: 8rpx;
			}
		}
	}
</style>